<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html >
<html lang="en">
<head>
<%@include file="../../common/includeBaseSet.jsp"%>
<%@include file="../../common/includeSystemSet.jsp"%>
<%@include file="../../common/operation_forbid.jsp"%>
<%@include file="../../common/jsVersion.jsp"%>
<script src="${jypath}/static/plugins/echarts/3.3.1/echarts.min.js"></script>
<script src="${jypath}/static/js/call/import/list.js?v=${jsVersion}"></script>
</head>
<body>
	<div class="page-content">
		<div class="row-fluid">
			<div class="col-xs-12 panel panel-default">
				<form id="baseForm" class="form-horizontal">
					<input type='hidden' class='pageNum' name='pageNum' value='1' /> 
					<input type='hidden' class='pageSize' name='pageSize' value='10' />
					<div style="margin-top:1%">
					<div class="col-xs-5">
						<div class="form-group">
							<label class="col-xs-2 control-label">导入人:</label>
							<div class="col-xs-6">
								<select class="form-control" name="createUserId" id="createUserId">
									<option value="">全部</option>
								</select>
							</div>
						</div>
					</div>
					<div class="col-xs-5 ">
						<div class="form-group">
							<label class="col-xs-2 control-label">导入时间:</label>
							<div class="col-xs-4">
								<input type="text" class="form-control" readonly="readonly"
									onClick="WdatePicker()" name="startTime">
							</div>
							<div class="col-xs-4">
								<input type="text" class="form-control" readonly="readonly"
									onClick="WdatePicker()" name="endTime">
							</div>
						</div>
					</div>
					<div class="col-xs-1 ">
						<div class="form-group">
							<div class="col-xs-6">
								<button id='searchBtn' class="btn btn-warning  btn-xs"
									title="查询" type="button" onclick="searchData()">
									<i class="icon-search bigger-110 icon-only">查询</i>
								</button>
							</div>
						</div>
					</div>
					</div>
				</form>


			</div>
            <div class="col-xs-12">
                <div class="col-xs-6  panel panel-default"   >
                      <div class="col-xs-12" id="main" style="height:300px;"> 
                      </div>
                </div>
                <div class="col-xs-6  panel panel-default">
                     <div class="col-xs-12" id="main1" style="height:300px;">     
                     </div>
                </div>
            </div>
            
 <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var mainChart = echarts.init(document.getElementById("main"));
        var main1Chart = echarts.init(document.getElementById("main1"));
        // 指定图表的配置项和数据
		var option = {
				title: {
	                text: '整体导入成功率'
	            },
			    tooltip : {
			        formatter: "{a} <br/>{b} : {c}%"
			    },
			    toolbox: {
			        feature: {
			            restore: {},
			            saveAsImage: {}
			        }
			    },
			    series: [
			        {
			            name: '成功率',
			            type: 'gauge',
			            detail: {formatter:'{value}%'},
			            data: [{value: 0, name:"成功率"}]
			        }
			    ]
		};
		 var option1 = {
				 title: {
		                text: '整体转客率'
		            },
			    tooltip : {
			        formatter: "{a} <br/>{b} : {c}%"
			    },
			    toolbox: {
			        feature: {
			            restore: {},
			            saveAsImage: {}
			        }
			    },
			    series: [
			        {
			            name: '转客率',
			            type: 'gauge',
			            detail: {formatter:'{value}%'},
			            data: [{value: 0, name:"转客率"}]
			        }
			    ]
		}; 
        mainChart.setOption(option);
        main1Chart.setOption(option1);
 </script>

			<div class="col-xs-12 panel panel-default">
				<table id="baseTable"
					class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="center">序号</th>
							<th class="center ">标题</th>
							<th class="center ">导入人</th>
							<th class="center ">导入时间</th>
							<th class="center ">总数目</th>
							<th class="center ">成功条数</th>
							<th class="center ">失败条数</th>
							<th class="center ">成功率</th>
							<th class="center">未拨</th>
							<th class="center">待跟进</th>
							<th class="center">已转客</th>
							<th class="center">无效</th>
							<th class="center">转客率</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>

							<!-- #dialog-confirm -->
			<%@include file="../../common/dialog.jsp" %>	
			</div>
			
							<div class="row">
					<div class="col-sm-8">
						<!--设置分页位置-->
						<div id="pageing" class="dataTables_paginate paging_bootstrap">
							<ul class="pagination"></ul>
						</div>
					</div>
				</div>
		</div>
	</div>
</body>
</html>